<template>
  <div>
    <div class="hjw_div">
        <!-- 组件拆分 -->
      <inp></inp>
      <contents></contents>
      <foots></foots>
    </div>
  </div>
</template>

<script>
// 引入组件
import inp from "./inp";
import contents from "./contents";
import foots from "./foots";
export default {
  name: "",
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  computed: {},
  components: {
    inp,
    contents,
    foots
  },
  watch: {},
  getters: {}
};
</script>

<style scoped>
.hjw_div {
  width: 600px;
  border: 1px solid #000;
  padding: 20px;
}
</style>